.block-home-intro{margin:150px 0 120px}@media(max-width:900px){.block-home-intro{margin:100px 0 70px}}@media(max-width:600px){.block-home-intro{margin:50px 0}}.block-home-intro hgroup{position:relative;z-index:1}.block-home-intro hgroup h1{margin:0;max-width:600px;font-size:70px;line-height:1.07142857}.block-home-intro hgroup h2{margin:15px 0 0;max-width:370px;font-size:20px;font-family:'TT Norms Pro',sans-serif;color:#555;font-weight:400}.block-home-intro .bars1{position:absolute;left:66%;top:-4%}.block-home-intro .bars2{position:absolute;right:-3.4%;top:41%}.block-home-intro .bars3{position:absolute;left:-40px;bottom:0}.block-home-intro .work{position:relative;z-index:2;display:flex;justify-content:space-between}.block-home-intro .work .work-partial{flex-basis:30.7%}.block-home-intro .work .work-partial:nth-child(1){margin-top:12.3%}.block-home-intro .work .work-partial:nth-child(3){margin-top:-15.3%}.block-home-intro .work .work-partial .view-all{display:flex;justify-content:center;margin-top:60px}.block-home-intro.flip .work .work-partial:nth-child(1){margin-top:-15.3%;transition:800ms 200ms transform,400ms 200ms opacity}.block-home-intro.flip .work .work-partial:nth-child(2){transition:800ms 400ms transform,400ms 400ms opacity}.block-home-intro.flip .work .work-partial:nth-child(3){margin-top:12.3%;transition:800ms 600ms transform,400ms 600ms opacity}.block-home-intro.animate hgroup h1{transform:translate3d(-7vw,0,0);opacity:0;transition:500ms}.block-home-intro.animate hgroup h2{opacity:0;transition:500ms 500ms}@keyframes bars1Move{from{transform:translate3d(0,-30px,0)}to{transform:translate3d(0,30px,0)}}.block-home-intro.animate .bars1{opacity:0;transition:1000ms 800ms;animation:bars1Move 12s alternate infinite ease-in-out}@keyframes bars2Move{from{transform:translate3d(0,30px,0)}to{transform:translate3d(0,-30px,0)}}.block-home-intro.animate .bars2{opacity:0;transition:1000ms 1200ms;animation:bars2Move 12s alternate infinite ease-in-out}@keyframes bars3Move{from{transform:translate3d(0,30px,0)}to{transform:translate3d(0,-30px,0)}}.block-home-intro.animate .bars3{opacity:0;transition:1000ms;animation:bars2Move 12s alternate infinite ease-in-out}.block-home-intro.animate .work .work-partial{transform:translate3d(0,100px,0);opacity:0}.block-home-intro.animate .work .work-partial:nth-child(1){transition:800ms 600ms transform,400ms 600ms opacity}.block-home-intro.animate .work .work-partial:nth-child(2){transition:800ms 400ms transform,400ms 400ms opacity}.block-home-intro.animate .work .work-partial:nth-child(3){transition:800ms 200ms transform,400ms 200ms opacity}.block-home-intro.animate.flip .work .work-partial:nth-child(1){transition:800ms 200ms transform,400ms 200ms opacity}.block-home-intro.animate.flip .work .work-partial:nth-child(2){transition:800ms 400ms transform,400ms 400ms opacity}.block-home-intro.animate.flip .work .work-partial:nth-child(3){transition:800ms 600ms transform,400ms 600ms opacity}.block-home-intro.animate.onscreen .bars1,.block-home-intro.animate.onscreen .bars2,.block-home-intro.animate.onscreen .bars3{opacity:1}.block-home-intro.animate.onscreen hgroup h1{transform:translate3d(0,0,0);opacity:1}.block-home-intro.animate.onscreen hgroup h2{opacity:1}.block-home-intro.animate.onscreen .work-partial{transform:translate3d(0,0,0);opacity:1}@media(max-width:1350px){.block-home-intro .bars2{right:-1.7%}.block-home-intro .bars3{left:-20px}}@media(max-width:1100px){.block-home-intro hgroup{margin-bottom:60px}.block-home-intro .bars1{top:7%}.block-home-intro .work .work-partial .content{background:-moz-linear-gradient(top,rgba(0,0,0,0.7) 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.7) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.7) 0,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000',endColorstr='#00ffffff',GradientType=0)}.block-home-intro .work .work-partial .content h3{font-size:24px}}@media(max-width:900px){.block-home-intro hgroup h1{max-width:550px;font-size:60px}.block-home-intro hgroup h2{font-size:18px}.block-home-intro .work .work-partial .content{padding:15px}.block-home-intro .work .work-partial .view-all .btn{padding:28px 15px;width:100%;max-width:200px}}@media(max-width:700px){.block-home-intro:first-child{margin-top:100px}.block-home-intro .bars1{left:-2%;top:14.5%}.block-home-intro .bars2{right:20%;top:auto;bottom:0}.block-home-intro .bars3{left:18%}.block-home-intro .work{flex-wrap:wrap;justify-content:center}.block-home-intro .work .work-partial{flex-basis:48%;margin-top:0 !important;margin-left:4%;margin-bottom:4%}.block-home-intro .work .work-partial:nth-child(2n+1){margin-left:0}}@media(max-width:500px){.block-home-intro .bars1{display:none}.block-home-intro .bars2{right:-4%}.block-home-intro .bars3{left:-15px;bottom:150px}.block-home-intro .work{display:block}.block-home-intro .work .work-partial{margin:0 0 2em !important}.block-home-intro .work .work-partial .content{padding:40px 25px}.block-home-intro .work .work-partial .content h3{font-size:36px}}
